<template>
	<van-config-provider :theme-vars="themeVars">
		<router-view/>
	</van-config-provider>
</template>
<script setup>
	const themeVars = {
		fieldLabelWidth:'1.5rem',
		radioSize:'0.4rem',
      	radioCheckedIconColor:'#4136ED',
		pickerToolbarHeight:'1rem',
        pickerTitleLineHeight:'1.5rem',
		pickerTitleFontFize:'1rem',
		pickerActionFontSize:'0.4rem',
		pickerOptionFontSize:'0.4rem'
    };
// 自适应
function resize() {
		let fs = document.body.clientWidth / 75; 
        // 上面的75是根据设计图尺寸修改，例如设计图宽为1220，给左右两边各留10px，即1220-20=1200，1200/16(字体大小)等于75
 
		if (fs > 16) { // 控制字体大小，以免过大过小
			fs = 16;
		} else if (fs < 14) {
			fs = 14;
		}
        // 👇注意这里不能直接document.body.style
		document.body.parentNode.style = "font-size: " + fs + "px;";
	}
	// resize();

</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
}
</style>

